/* 	@功能: 重设浏览器默认样式 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    font-size:100%;
    font-family: PingFangSC-Regular,PingFangSC,"Microsoft YaHei", Helvetica, sans-serif, "SimSun";
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color: #292929;
}

body {
    background: #fff;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
/* 去掉各Table  cell 的边距并让其边重合 */
table { border-collapse: collapse; border-spacing: 0; }
/* IE bug fixed: th 不继承 text-align*/
th { text-align: inherit; }
/* 去除默认边框 */
fieldset, img { border: 0; }
/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display: block; }
/* 去掉 firefox 下此元素的边框 */
abbr, acronym { border: 0; font-variant: normal; }
/* 一致的 del 样式 */
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
/* 去掉列表前的标识, li 会继承 */
ol, ul { list-style: none; }
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th { text-align: left; }
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* 让链接在 hover 状态下显示下划线 */
a:hover { text-decoration: underline; }
/* 默认不显示下划线，保持页面简洁 */
ins, a { text-decoration: none; }
/* 清理浮动 */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1; /* for IE6 IE7 */ }
a,input,button {
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
::-webkit-scrollbar {/*隐藏滚轮*/
    display: none;
}

// 位置
.center {
    text-align: center
}
.left {
    text-align: left
}
.right {
    text-align: right
}

.default_h_w_small {
    margin:0 .5rem!important;
}

.default_h_w {
    margin: 1.2rem 0!important;
}
.default_h {
    border-bottom: .4rem solid #F1F1F1!important;
}

.default_h_top {
    margin-top: 1rem!important;
}
// 样色
@blue:#0098FF;
@gray:#999999;
.font_color_info {
    color: @blue!important;
}

.font_color_gray {
    color: @gray!important;
}

//========字体大小========
.small_font {
    font-size: .8rem;
    font-weight: 400;
}

.super_small_font {
    font-size: .7rem!important;
    font-weight: 400;
}

.middel_font {
    font-size: 1rem;
    font-weight: 400
}
.max_font {
    font-size: 1.1rem;
    font-weight: 500
}
// ========背景色======
.bg_info {
    background: #eee; 
    color: #666!important;
}
// ========渐变背景色======
// 蓝色
.icon_info {
    background: linear-gradient(#6ABDFF, #259FFF)!important; 
    color: #fff!important;
}

// 黄色
.icon_warn {
    background: linear-gradient(#FFC56F, #FF9800)!important;
    color: #fff!important;
}

// 绿色
.icon_success {
    background: linear-gradient(#34E5B1, #19E4AB)!important;
    color: #fff!important;
}

// 红色
.icon_error {
    background: linear-gradient(#FF8989, #FD3737)!important;
    color: #fff!important;
}

//========按钮========
// 小按钮
.btn_small {
    padding: .2rem 1rem;
    line-height: 2.4rem!important;
    border-radius: 3.5px!important;
}

@height:3rem;
.btn {
    height: @height;
    width: 100%;
    line-height: @height;
    border: none;
    border-radius:8px;
    font-size: 1rem;
    text-align: center;
    font-weight:500;
    cursor: pointer;
}

.btn.action,.btn_info {
    color: #fff;
    background: @blue!important;
}
//========input========
.text_con {
    width:100%;
    height:@height;
    border-radius: 8px;
    border: 1px solid #DDD;
    display: table;
    margin-bottom: 1.5rem;
    .title {
        color: #292929;
        font-size: 1rem;
        line-height: @height;
        font-weight:500;
        display: table-cell;
        text-align: center;
    }
    .mini_title_width {
        width: 3.5rem;
    }
    .min_title_width {
        width: 4.5rem;
    }
    .max_title_width {
        width: 5.5rem;
    }
    .input {
        border: none;
        height: 1.5rem;
        line-height: 1.5rem;
        width: 100%;
        font-size: 1rem;
        display: table-cell
    }

    .left-input {
        margin-left: .5rem
    }
    input::-webkit-input-placeholder {
        /* placeholder颜色  */
        color: #999999;
        /* placeholder字体大小  */
        font-size: 14px;
        font-weight:400;
        text-align: left
    }

    .right-text {
        font-size: 1rem;
        color:  @gray;
        font-weight: 500;
        text-align: right;
        line-height: 3rem;
        cursor: pointer;
        display: table-cell;
        text-align: center;
    }
    
    .right-icon {
        width: 3rem;
        height: 3rem;
        display: table-cell;
    }

    .scan {
        background: url(../image/scan.png) center no-repeat;
        background-size: 50%;
    }
    
    .up {
        background: url(../image/up.png)  center no-repeat;
        background-size: 30%;
    }

    .list {
        background: url(../image/list.png)  center no-repeat;
        background-size: 30%;
    }

    .arrow_right {
        background: url(../image/arrow_right.png)  center no-repeat;
        background-size: 18%;
        margin-left: 1rem;
    }


}

//========注释========
.help-block {
    width: 100%;
    height: 12px;
    font-size: 0.8rem;
    font-weight: 400;
    color: #666;
    line-height: 12px;
    margin-top: -0.8rem;
    margin-bottom: 1.2rem;
}

//========头部========
@hearder_height:3rem;
.header {
    width: 100%;
    border-bottom: 1px solid #F1F1F1;
    .header-con {
        padding: 0px 1rem;
        line-height: @hearder_height;
        height: @hearder_height;
        font-size: 1.1rem;
        text-align: center;
        display: flex;
        margin: 0px auto;
        .header_icon {
            width: 1rem;
            height: @hearder_height;
            line-height: @hearder_height;
            cursor: pointer;
        }
        .list {
            background: url(../image/list.png) left center no-repeat;
            background-size: 100%;
        }
        .list_01 {
            background: url(../image/list01.png) left center no-repeat;
            background-size: 100%;
            width: 1.2rem!important
        }
        >.title {
            line-height: @hearder_height;
            width: 100%;
        }
        >.back {
            background: url(../image/back.png) left center no-repeat;
            background-size: 70%;
        }
        >.add {
            background: url(../image/add.png) left center no-repeat;
            background-size: 100%;
            width: 1.3rem!important
        }
    }
}

// 标签
.tab {
    display: flex;
    justify-content: space-around;
    .action {
        border-bottom: 3px solid #0398FF;
        color: #0098FF
    }
    li {
        line-height: 2rem;
        font-size: 1.1rem;
        font-weight: 500;
    }
}

// 表格

.table {
    width: 100%;
    td:nth-child(1), th:nth-child(1) {
        padding: 0px 0px 0px 1rem;
    }
    td:last-child, th:last-child {
        padding: 0px 1rem 0px 0;
    }
    td,th{
        border-bottom:1px solid #F1F1F1;
        height: 3.2rem;
    }
    th {
        font-weight: 500;
        font-size: 1rem;
    }
    td {
        font-weight: 400;
        font-size: 1rem;
    }
    
} 
//========主体========
.main {
    width: 90%;
    margin: 0px auto;
    >.title {
        color: #292929;
        font-weight:400;
    }
//     >.title_sub {
//         color: #666666;
//         font-size: .86rem;
//         font-weight:400;
//     }
// }
}
.title_sub {
    color: #666666;
    font-size: .86rem;
    font-weight:400;
    padding: 0 1rem;
}

.line {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 1rem;
}